import React from 'react';
import {
    View,
    Button
} from 'react-native';

import EasyToastPage from './react-native-easy-toast/TestToast';
import RootToastPage from './react-native-root-toast/TestToast';

import {
    createStackNavigator
} from 'react-navigation';

class ToastPage extends React.Component {

    static navigationOptions = {
        header: null,
    }

    render() {
        return (
            <View style={{ flex: 1, justifyContent: 'center' }}>
                <Button title="Easy Toast" onPress={() => {
                    this.props.navigation.push("EasyToastPage");
                }}></Button>
                <Button title="Root Toast" onPress={() => {
                    this.props.navigation.push("RootToastPage");
                }}></Button>
            </View>
        )
    }
}

export default createStackNavigator(
    {
        ToastPage: {
            screen: ToastPage,
        },
        EasyToastPage: {
            screen: EasyToastPage,
        },
        RootToastPage: {
            screen: RootToastPage,
        }
    },
    {
        initialRouteName: "ToastPage",
    }
);